<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <!-- 这是个iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；-->
    <meta content="yes" name="apple-mobile-web-app-capable">
    <!-- 全屏显示-->
    <meta name="apple-touch-fullscreen" content="yes">
    <!-- 不要让设备识别电话号码和邮箱地址-->
    <meta content="telephone=no,email=no" name="format-detection">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
    <!-- DNS预解析-->
    <meta http-equiv="x-dns-prefetch-control" content="on">
    <link href="../css/common/reset.css" rel="stylesheet">
    <link href="../css/common/common.css" rel="stylesheet">
    <link href="../css/animate.css" rel="stylesheet">
    <link href="../css/jf-info.css" rel="stylesheet">
    <link href="../css/download.css" rel="stylesheet">    
    <title>积分换购</title>
    
  </head>
  <body>
    <div class="jf-buy inpage">
        <div class="focus pr">
            <img src="../img/bg.jpg" alt="">
            <span class="price">购买 ¥300.00 </span>
        </div>
        <div class="title">
            <h4>一到冬天就想到的菜肴<br/>一道冬天就想到的菜肴</h4>
            <p>
                <span><i class="icon-msg"></i> 232</span>
                <span><i class="icon-broswer"></i> 232</span>
            </p>
            <div class="text">一踏入学校大门，就被孩子们团团围住，喊着“叔叔好、阿姨好”。11月份来过的同事前脚刚把好不容易扛上山的围巾、手套等特地采购的温暖物资放下，后脚已经被眼尖的孩子认出，紧接着被质问：“阿姨你为什么骗人？”
同事讶然，“我骗你们什么啦？”</div>
        </div>              
    </div>

    <div class="course">
        <h4>课程信息 <a class="fr" href="">加入我的课程 > </a></h4>
        <ul class="box">
            <li class="h_box">
                <span class="head-ico"><img src="../img/bg.jpg" alt=""></span>
                <div>
                    <h5>大萝卜头</h5>
                    <p>老人们常说：“冬吃萝卜夏吃姜，不家...</p>
                </div>
                <span class="focusBtn">关注</span>
            </li>
            <li class="h_box">
                <span class="head-ico"><img src="../img/bg.jpg" alt=""></span>
                <div>
                    <h5>大萝卜头</h5>
                    <p>老人们常说：“冬吃萝卜夏吃姜，不家...</p>
                </div>
                <span class="focusBtn">关注</span>
            </li>
        </ul>
        <ul class="box boxone" style="margin-top:-0.8rem;">
            <li class="h_box">
                <div class="flex_1">
                    <em>10月24日 周二</em>
                    <p>课程日期</p>
                </div>
                <div class="flex_1">
                    <em>10:00-18:00</em>
                    <p>课程时间</p>
                </div>
            </li>
            <li class="h_box">
                <div class="flex_1">
                    <em>10 人</em>
                    <p>剩余人数</p>
                </div>
                <div class="flex_1">/</div>
                <div class="flex_1">
                    <em>12 人</em>
                    <p>总人数</p>
                </div>
            </li>
            <li class="h_box">
                <div class="flex_1">
                    <em>日式料理</em>
                    <p>菜式类别</p>
                </div>

            </li>

        </ul>
        <ul class="box boxone boxtwo" style="margin-top:-0.8rem;">
            <li class="h_box">
                <div class="flex_2">
                    <em>上海市黄浦区桃江路8号</em>
                    <p>场馆地址</p>
                </div>
                <div class="flex_1">
                    <i class="icon-tel"></i>
                </div>
            </li>
            <li class="h_box">
                <div class="flex_2">
                    <em>021 64735058</em>
                    <p>场馆电话</p>
                </div>                
                <div class="flex_1">
                    <i class="icon-tel"></i>
                </div>
            </li>
            <li class="h_box">
                <div class="flex_1">
                    <em>全年 10:00—18:00</em>
                    <p>服务时间</p>
                </div>

            </li>
            <li class="h_box">
                <div class="flex_1"><span class="btn-buy">立即购买 ¥300.00</span>
                </div>

            </li>

        </ul>
    </div>

    <div class="course coursepic">
        <h4>菜式图集</h4>
        <dl class="picbox">
            <dd>
                <a href="">
                    <img class="pic" src="../img/bg.jpg" alt="">
                    <p>火腿鸡肉粥火腿鸡肉粥</p>
                </a>
            </dd>
            <dd>
                <a href="">
                    <img class="pic" src="../img/bg.jpg" alt="">
                    <p>火腿鸡肉粥火腿鸡肉粥</p>
                </a>
            </dd>
            <dd>
                <a href="">
                    <img class="pic" src="../img/bg.jpg" alt="">
                    <p>火腿鸡肉粥火腿鸡肉粥</p>
                </a>
            </dd>
            <dd>
                <a href="">
                    <img class="pic" src="../img/bg.jpg" alt="">
                    <p>火腿鸡肉粥火腿鸡肉粥</p>
                </a>
            </dd>
            <dd>
                <a href="">
                    <img class="pic" src="../img/bg.jpg" alt="">
                    <p>火腿鸡肉粥火腿鸡肉粥</p>
                </a>
            </dd>
        </dl>
    </div>

<!--     <div class="btnbox">
        <ul class="h_box">
            <li>1888<em>积分</em></li>
            <li class="buy">兑换</li>
        </ul>
    </div> -->


    <script>
        function setFontSize(){
            document.documentElement.style.fontSize = document.documentElement.clientWidth/375*10+"px";
        }
        setFontSize();
        window.onresize = function(){
            setFontSize();
                
        };
    </script>



    
    
    

  </body>
</html>